<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>La Noche Sevillana</title>
<link rel="stylesheet" href="css/style.css" type="text/css"><script
	type="text/javascript" language="javascript"
	src="js/mootools-beta-1.2b2.js"></script> <script
	type="text/javascript" language="javascript" src="js/showcase.js"></script>
<style type="text/css">
a img {
	border: 0
}
</style>
<style>
h1 {
	font-size: 18px;
	font-weight: 400;
}

:focus {
	outline: 0;
}

#slideshow {
	width: 946px;
	margin: 0px 20px 20px 0;
	overflow: hidden;
	border: 0px thin #1c0821;
	height: 234px;
}

#showcase {
	width: 946px;
	height: 238px;
	overflow: hidden;
	float: left;
	background: #000;
}

#showcase-loader img {
	margin: 105px 450px;
}

#showcase .bigimage,#showcase-loader {
	position: absolute;
	width: 946px;
	height: 240px;
	overflow: hidden;
}

#showcase .text {
	vertical-align: top;
	width: 950px;
	height: 70px;
	position: absolute;
	left: 0;
	bottom: 6px;
	background: url("images/background_transparent.png") 0 0 repeat;
	overflow: hidden;
}

#showcase .text h2 {
	vertical-align: top;
	color: #FFF;
	font-size: 16px;
	line-height: 16px;
	font-weight: 800;
	margin: 5px 10px 0 20px;
}

#showcase .text p {
	color: #FFF;
	font-size: 11px;
	line-height: 17px;
	margin: 3px 20px 20px 20px;
}

#showcase .text a {
	color: #FFF;
}

#showcase-nav {
	width: 200px;
	overflow: hidden;
	float: right;
	background: #222;
	visibility: hidden
}

#showcase-nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#showcase-nav li {
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
}

#showcase-nav a {
	display: block;
	width: 200px;
	padding: 10px 0;
	overflow: hidden;
	border-bottom: 1px solid #000;
	text-decoration: none;
}

#showcase-nav a:hover {
	background: #444;
}

#showcase-nav .thumbnail {
	display: block;
	width: 74px;
	overflow: hidden;
	float: left;
}

#showcase-nav .thumbnail img {
	border: 2px solid #EEE;
	margin: 0 10px;
}

#showcase-nav .text {
	display: block;
	font-size: 11px;
	font-weight: 800;
	color: #EEE;
	width: 116px;
	overflow: hidden;
	float: left;
	padding: 0 0 10px 0;
}

#showcase-nav .last a {
	border: 0;
}

#showcase-nav .active a {
	background: #666;
}

#showcase-nav .active a .text {
	color: #EEE;
}
</style>

</head>

<body>
	<div id="contenedor">
		<div id="contenedorinterior">
			<div id="cabecera"></div>
			<div id="menu"><?php include("html/menu.html"); ?></div>
			<div id="centro">
				<div id="destacados">
				<div id="slideshow" style="background-color: #160C34">
					<div id="showcase">
						<div id="showcase-loader"><img src="images/ajax-loader-black.gif" width="32" height="32" alt="Loading" /></div>
						<div id="showcase-0-big" class="bigimage">
							<div class="text">
								<h2 align="center">Restaurante Tita Chari</h2>
								<p>Es uno de los referentes de la cocina tradicional de Triana. Su
								especialidad son los deliciosos cochinillos y el cordero asado al viejo
								estilo castellano, en un horno de leña que data de 1978.</p>
							</div>
							<img src="images/0.jpg" width="946" height="234" alt="" />
						</div>
						<div id="showcase-1-big" class="bigimage">
							<div class="text">
								<h2 align="left">Restaurante Tita Chari</h2>
								<p>Es uno de los referentes de la cocina tradicional de Triana. Su
								especialidad son los deliciosos cochinillos y el cordero asado al viejo
								estilo castellano, en un horno de leña que data de 1978.</p>
							</div>
							<img src="images/1.jpg" width="946" height="234" alt="" />
						</div>
						<div id="showcase-2-big" class="bigimage">
							<div class="text">
								<h2 align="right">Restaurante Tita Chari</h2>
								<p>Es uno de los referentes de la cocina tradicional de Triana. Su
								especialidad son los deliciosos cochinillos y el cordero asado al viejo
								estilo castellano, en un horno de leña que data de 1978.</p>
							</div>
							<img src="images/2.jpg" width="946" height="234" alt="" />
						</div>
						<div id="showcase-3-big" class="bigimage">
							<div class="text">
								<h2>Restaurante La choza Manuela</h2>
								<p>Pulsa<a href="#">aqui</a> para saber más...</p>
							</div>
							<img src="images/3.jpg" width="946" height="234" alt="" /></div>
						</div>


					<div id="showcase-nav">
						<ul>
							<li><a href="#"> <span class="thumbnail"><img src="images/0-thumbnail.jpg" width="50" height="10" alt=""/></span> 
							<span class="text"></span> </a></li>
							<li><a href="#"> <span class="thumbnail"><img src="images/1-thumbnail.jpg" width="50" height="10" alt=""/></span> 
							<span class="text"></span> </a></li>
							<li><a href="#"> <span class="thumbnail"><img src="images/2-thumbnail.jpg" width="50" height="10" alt=""/></span> 
							<span class="text"></span> </a></li>
							<li class="last"><a href="#"> <span class="thumbnail"><img src="images/3-thumbnail.jpg" width="50" height="10" alt=""/></span>
							<span class="text"></span> </a></li>
						</ul>
					</div>
				</div>
			</div>
		<div id="centroabajo"></div>
		</div>
	</div>
</div>
</body>
</html>
